Adding a Background to the Navigation Bar

1. You will need to prepare the picture you want for the background and make sure it is resized to the actual size.

2. Click 'insert image' button and upload your image to wikispaces. Do not place it on your page.

3. Click on the 'edit navigation' button to bring up the frame page and click the 'embed widget' button, click 'Other HTML' and paste in the following html.

<script language="javascript" type="text/javascript"> document.getElementsByTagName("body").item(0).style.background = "url(http://gettingtrickywithwikis.wikispaces.com/space/showimage/swirl.jpg) #777"; </script>

4. You will now need to edit the html a little.

5. Change the url to your own wiki url - I used mine but you will need to substitue it for your own.

http://gettingtrickywithwikis.wikispaces.com/

6. Change the image tag at the end of the url to your own image tag - mine was called swirl.jpg. You will need to substitute it with the name of your own image.

http://gettingtrickywithwikis.wikispaces.com/space/showimage/swirl.jpg

7. Make sure you keep the rest of the url the same - i.e. '/space/showimage/' stays the same.

Now you have made a great background for your menu frame.

Using this technique you can make images in photoshop, including titles for your wiki, and bring them in to your wiki page.